/* 
    Document   : settings.css
    Created on : Jul 21, 2011, 4:04:20 PM
    Author     : Syed Ekramuddin Emon <ekram.sy@brac.net> 137464
    Description: define settings page specific styles    
*/

*{margin:0;padding:0}
body{font:14px/1.4 Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;background:#f3f3f3}
h1,h2,h3{font-weight:400}
a{color:#06c}
a:hover{color:#ec008b}
ul{list-style:circle}
.screen-reader-text{position:absolute;left:-9999px;top:-9999px}
.clear{clear:both}
.group:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .group,*:first-child+html .group{zoom:1px}
.logo,.icaress{margin:0}
.logo a{display:block;width:144px;height:41px;background:url("../images/logo.png") no-repeat;text-indent:-9999px;position:absolute;top:15px}
.icaress a{display:block;width:144px;height:41px;background:url("../images/icaress.png") no-repeat;text-indent:-9999px;position:absolute;top:15px;right:125px}
.login .top{background:#fcfcfc url("../images/map.png") repeat-x bottom center;border-bottom:3px solid #eee;min-height:300px}
.login .top .right form{display:block;padding:2% 10%}
.login .left h1{color:#444;font-size:2.3em;text-shadow:0 2px 0 #ddd;padding:5%}
.login .left h1 span{display:block;color:#1156C5;font-size:.85em}
.search h1{color:#444;font-size:2.3em;text-shadow:0 2px 0 #ddd;padding:2%}
.search h1 span{display:block;color:#1156C5;font-size:.85em}
.login .top .right form li{display:block}
.login .top .right form label,#reset-form label{color:#888;display:block;font-weight:700;margin-top:7px}
.login .top .right form label.remember-me{padding:5px 0}
#login-submit,#signup-submit,#reset-submit{background:url("../images/btnbg.gif") repeat-x scroll 0 0 #FFF;border:1px solid #1156C5;border-radius:3px;box-shadow:0 0 3px #777;color:#FFF;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;padding:5px 20px}
#signup-submit, #reset-submit{margin-top:10px}
#login-submit:hover,#signup-submit:hover,#reset-submit:hover{background:url("../images/btn-hover.png") repeat-x center;border:1px solid #aaa;color:#999;text-shadow:1px 1px 1px #fff}
.login .header{border-bottom:1px dashed #ccc;clear:both;height:75px;margin:0 95px;padding:0 20px}
.header-menu{clear:both;height:auto;margin:0 95px;padding:0 20px; text-align: right}
.header-menu ul{list-style:none;float:right}
.header-menu li{display:inline}
.header-menu a{text-decoration:none;padding:0 10px}
.header-menu li:last-child a{border-right:none}

.login .canvas{margin:0 70px;padding:0 20px}
.login .sign-up,.login .sign-in{display:inline-block;padding:0 10px}
.login .left{width:50%;float:left}
.login .right{width:50%;float:right}
.login .features{color:#333;padding:5% 10%}
.login .features a{display:inline-block;background:url("../images/service.png") no-repeat 0 5px;padding:2px 10px 2px 25px}
.login .features a:hover{background-position:0 -43px}
.login .features h2{color:#666;font-family:"Trebuchet MS";font-size:2em;font-weight:700;text-shadow:1px 1px 1px #FFF}
.login .features h3{color:#555;font-weight:700;text-shadow:1px 1px 1px #FFF;margin:5px 0}
.login .bottom .left p{color:#333;font-style:italic;line-height:1.7em;font-size:1.15em;padding:8% 5%}
.login .footer{color:#888;font-size:13px}
.login .footer .canvas{border-top:1px solid #e9e9e9;margin:0 95px;padding:10px 20px 5px}
.login .footer-menu{list-style:none;float:right}
.login .footer-menu li{display:inline}
.login .footer-menu a{text-decoration:none;border-right:1px dotted #ccc;padding:0 10px}
.login .footer-menu li:last-child a{border-right:none}
.reset{display:inline-block;color:#555;padding:10px 0 0}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:rgba(0, 0, 0, .8);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-300px;width:520px;background:#eee no-repeat -200px -80px;position:absolute;z-index:101;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .4);-box-shadow:0 0 10px rgba(0, 0, 0, .4);padding:30px 40px 34px}
.reveal-modal.small{width:200px;margin-left:-140px}
.reveal-modal.medium{width:400px;margin-left:-240px}
.reveal-modal.large{width:600px;margin-left:-340px}
.reveal-modal.xlarge{width:800px;margin-left:-440px}
.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0, 0, 0, .6);font-weight:700;cursor:pointer}
input[type=text],input[type=email],input[type=password],textarea,select{width:250px;background:#fefefe;border:1px solid #ddd;color:#202020;font-size:15px;font-family:Arial, Helvetica, Sans-Serif;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:normal;-moz-box-shadow:0 0 3px #e5e5e5 inset;-webkit-box-shadow:0 0 3px #e5e5e5 inset;box-shadow:0 0 3px #e5e5e5 inset;padding:9px 10px}
input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,textarea:hover,select:hover{border:1px solid #c5c5c5}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #aaa}
#signup-form label.error, #login-form label.error, #reset-form label.error{background:#cd0a0a url("../icons/error.png") no-repeat 5px;color:#fff;font-size:12px;border-left:5px solid #cd0a0a;border-top:5px solid #fff;width:215px;margin:0 0 10px;padding:3px 5px 3px 25px}
.logo a:hover,.icaress a:hover{background-position:0 -41px}
.login .top .right form ul,#reset-form ul,.login .features ul{list-style:none}
.info { padding: 5px; font-weight: bold; text-shadow:1px 1px 1px #fff }
.globalMessage { display: block; clear: both; padding: 5px; text-align: center; font-weight: bold; margin: 10px 0 }

.search form{display:block;padding:0% 2%}
.search form ul,#reset-form ul,.login .features ul{list-style:none}
.search form li{display:block}
.search form label,#reset-form label{color:#888;display:block;font-weight:700;margin-top:7px}
.search form label.remember-me{padding:5px 0}
